<script setup lang="ts">
import {TEngine} from "./assets/ts/TEngine.ts"
import {objectList} from './assets/ts/TBasicObjects.ts'
import {lightList} from './assets/ts/TLights.ts'
import {helperList} from './assets/ts/THelper.ts'
import {ref,onMounted} from "vue"

const threeTarget = ref(null)
onMounted(()=>{
  const tEngine = new TEngine(threeTarget.value)
  tEngine.addObject(...objectList)
  tEngine.addObject(...lightList)
  tEngine.addObject(...helperList)
})
</script>

<template>
  <div class="three-canvas" ref="threeTarget"></div>
</template>

<style>
.three-canvas {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
}
</style>
